<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>



<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Color Admin | Page with Footer</title>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />

<!-- ================== BEGIN BASE CSS STYLE ================== -->
<%@ include file="../include/inc_head.jsp"%>
<!-- ================== END BASE CSS STYLE ================== -->

<!-- ================== BEGIN BASE JS ================== -->
<script src="/assets/plugins/pace/pace.min.js"></script>
<link href="/assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
<!-- ================== END BASE JS ================== -->
</head>
<body>
	<!-- begin #page-loader -->
	<div id="page-loader" class="fade in">
		<span class="spinner"></span>
	</div>
	<!-- end #page-loader -->

	<!-- begin #page-container -->
	<div id="page-container"
		class="fade page-sidebar-fixed page-header-fixed">
		<!-- begin #header -->
		<%@ include file="../include/inc_header.jsp"%>
		<!-- end #header -->

		<!-- begin #sidebar -->
		<%@ include file="../include/inc_left.jsp"%>
		<!-- end #sidebar -->

		<!-- begin #content -->
		<div id="content" class="content">
			<!-- begin breadcrumb -->
			<ol class="breadcrumb pull-right">
				<li><a href="javascript:;">首页</a></li>
				<li class="active">订单管理</li>
			</ol>
			<!-- end breadcrumb -->
			<!-- begin page-header -->
			<h1 class="page-header">订单管理</h1>
			<!-- end page-header -->

			<div class="panel panel-inverse">
				<div class="panel-heading">

					<h4 class="panel-title">查询条件</h4>
				</div>
				<div class="panel-body">
					<form class="form-inline" action="list.jspx" method="POST">
								<div class="form-group m-r-10">
									<input type="text" class="form-control" name="orderSn" placeholder="订单号" />
								</div>
								<div class="form-group m-r-10">
									 <select class="form-control" name="tld">
									 		<option value="-1">订单状态</option>
											<option value="1">已配送</option>
                                        </select>
								</div>
								<div class="form-group m-r-10">
									<input type="text" class="form-control" readonly="readonly" name="startDate" id="startDate" placeholder="日期开始" />
                                      - <input type="text" class="form-control" readonly="readonly" name="endDate" id="endDate" placeholder="日期结束" />
								</div>
								<button type="submit" class="btn btn-sm btn-inverse m-r-5">查询</button>
							</form>
					
				</div>
			</div>
			<div class="panel panel-inverse">
				<div class="panel-heading">

					<h4 class="panel-title">查询结果</h4>
				</div>
				<div class="panel-body">
					<div class="table-responsive">
						<table class="table">
							<thead>
								<tr>
									<th>#</th>
									<th>Table heading</th>
									<th>Table heading</th>
									<th>Table heading</th>
									<th>Table heading</th>
									<th>Table heading</th>
									<th>Table heading</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
								</tr>
								<tr>
									<td>2</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
								</tr>
								<tr>
									<td>3</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
									<td>Table cell</td>
								</tr>
							</tbody>
						</table>
						<ul class="pagination m-t-0 m-b-10">
							<li class="disabled"><a href="javascript:;">首页</a></li>
							
							
							<li class="active"><a href="javascript:;">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">下一页</a></li>
							
							<li><a href="#">末页</a></li>
							
						 </ul>
					</div>
				</div>
			</div>
		</div>
		<!-- end #content -->

		<%@ include file="../include/inc_footer.jsp"%>
		<!-- begin scroll to top btn -->
		<a href="javascript:;"
			class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
			data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
		<!-- end scroll to top btn -->
	</div>
	<!-- end page container -->

	<!-- ================== BEGIN BASE JS ================== -->
	<%@ include file="../include/inc_foot.jsp"%>

	<!-- ================== END BASE JS ================== -->

	<!-- ================== BEGIN PAGE LEVEL JS ================== -->
	<script src="/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script src="/assets/plugins/bootstrap-datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="/assets/js/apps.min.js"></script>
	<!-- ================== END PAGE LEVEL JS ================== -->

	<script>
		$(document).ready(function() {
			$("#startDate").datepicker({
		        format: 'yyyy-mm-dd',
		        language: "zh-CN",
		        keyboardNavigation: false,
		        forceParse: false,
		        calendarWeeks: false,
		        autoclose: true,
		    });
			$("#endDate").datepicker({
		        format: 'yyyy-mm-dd',
		        language: "zh-CN",
		        keyboardNavigation: false,
		        forceParse: false,
		        calendarWeeks: false,
		        autoclose: true,
		    });
			$("#startDate").on("changeDate",
		    function(e) {
		        $("#endDate").data("datepicker").setStartDate(e.date)
		    });
		    $("#endDate").on("changeDate",
		    function(e) {
		        $("#startDate").data("datepicker").setEndDate(e.date)
		    });

			App.init();
		});
	</script>

</body>
</html>


